<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>东海期货有限责任公司</title>
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/reset.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/swiper_2.7.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/header.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/footer.css">
    <link rel="stylesheet" href="{{$static_path}}/static/css/index/style.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/common.css">
    <script src="{{$static_path}}/static/common/js/jquery-1.11.3.js"></script>
</head>

<body>
    <!-- 头部部分 -->
    {{include file="header.tpl"}}
    <!-- 内容区域 -->
    <div class="index-main">
        <!-- gif车图 -->
        <div class="clientw"></div>
        <img class="bd_gif" src="{{$static_path}}/static/images/index/index_bd2.gif" alt="">

        <div class="box-dw">
            <!-- 智能搜索部分 -->
            <ul class="search-only">
                <!-- <li class="only-box1">
                    <form action="list_search">
                        <input name="key" type="text" placeholder="请输入您想要搜索的内容...">
                        <button type="submit">搜索</button>
                    </form>
                </li> -->
                <li class="only-box2">
                    <div class="swiper-only">
                        {{poster}}
                            <div class="swiper-wrapper wrapper-only">
                                {{foreach $list as $k => $v}}
                                <div class="swiper-slide">
                                    <a href="{{$v['url']}}" target="{{$v['target']}}">
                                        <img src="{{$siteurl}}{{$v['preview'][0]}}" alt="">
                                    </a>
                                </div>
                                {{/foreach}}
                            </div>
                            <div class="pagination"></div>
                        {{/poster}}
                    </div>
                </li>
                <li class="only-box3">
                    {{content flag='a'}}
                        <div class="pm1-box dowebok" data-speed="30">
                            {{foreach $list as $k => $v}}
                                <a href="{{$v['url']}}">{{$v['title']}}</a>
                            {{/foreach}}
                        </div>
                    {{/content}}
                    {{content flag='b' pageSize='3'}}
                    <div class="pm2-box" >
                        {{foreach $list as $k => $v}}
                            <a href="{{$v['url']}}"><span style="color:{{$v['titlecolor']}}">{{$v['title']}}</span></a>
                        {{/foreach}}
                    </div>
                    {{/content}}
                </li>
            </ul>
            <!-- 积分商品ani -->
            <div class="ani-jf-box">
                <a href="javascript:;">
                    <div class="ani-jf1 removes">
                    </div>
                </a>
            </div>

            <!-- 投教基地联盟 -->

            <div class="ani-jd-box">
                <a href="toujiaojidelianmeng">
                    <div class="ani-jd1 removes">

                    </div>
                </a>
            </div>

            <!-- 龙现东海 -->

            <div class="ani-lx-box">
                <a href="gongsijieshao">
                    <div class="ani-lx1 removes">

                    </div>
                </a>
            </div>

            <!-- 首页部分 -->
            <div class="ani-index-box">
                <a href="index">
                    <div class="ani-indexs1 ">

                    </div>
                </a>
            </div>
            <!-- 网络课程 -->
            <div class="ani-wl-box">
                <a href="touzizhefenleizhengce">
                    <div class="ani-wl1 removes">

                    </div>
                </a>
            </div>



            <!-- 未来投资家 -->
            <div class="ani-tzj-box">
                <a href="weilaitouzijia">
                    <div class="ani-tzj1 removes">

                    </div>
                </a>
            </div>


            <!-- 投教动态 -->
            <div class="ani-dt-box">
                <a href="hangyedongtai">
                    <div class="ani-dt1 removes">

                    </div>
                </a>
            </div>

            <!-- 投资者之家 -->
            <div class="ani-tzz-box">
                <a href="diwukongjian">
                    <div class="ani-tzz1 removes">

                    </div>
                </a>
            </div>


            <!-- 期货学院 -->
            <div class="ani-qh-box">
                <a href="shangqisuo">
                    <div class="ani-qh1 removes">

                    </div>
                </a>
            </div>



            <!-- 教育展示 -->
            <div class="ani-zs-box">
                <a href="toujiaoshipin">
                    <div class="ani-zs1 removes">

                    </div>
                </a>
            </div>
        </div>
    </div>

    <!--放一个id为footer的div,把footer.html加载到这块-->
    {{include file="footer.tpl"}}
    <!-- 底部部分 -->
</body>

<!-- 加载头尾 -->

<script src="{{$static_path}}/static/common/js/load.js"></script>
<script src="{{$static_path}}/static/common/js/swiper_2.7.js"></script>
<script src="{{$static_path}}/static/js/jquery.marquee.min.js"></script>
<script src="{{$static_path}}/static/js/index.js"></script>

<script>



    // 滚动插件效果
    $('.dowebok').marquee({
        direction: "left",
        scrollSpeed: 10,       // 滚动速度         , 
        pauseSpeed: 50,      // 滚动完到下一条的间隔时间         , 
        pauseOnHover: true,    // 鼠标滑向文字时是否停止滚动         , 
        loop: -1,             // 设置循环滚动次数 （-1为无限循环）         , 
        fxEasingShow: "swing", // 缓冲效果         , 
        startVisible: true,
        duplicated: true,
        pauseOnHover: true,
    });


    var mySwiper = new Swiper('.swiper-only', {
        observer:true,
        observeParents:true, //这个是启动动态检查器(OB/观众/观看者)，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。
        autoplay: 5000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        loopAdditionalSlides : 1,
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true,//修改swiper的父元素时，自动初始化swiper
        pagination: '.pagination',

        
    })

    // 判断长度是为3 loop模式下影响1个swiper-slide标签前后个多循环一个
    console.log($('.swiper-slide').length);
    if($('.swiper-slide').length == 3){
        mySwiper.stopAutoplay();
        
    }else{
        mySwiper.startAutoplay();
    }
</script>

</html>